<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客管理</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"/>
    <link rel="stylesheet" th:href="@{/css/me.css}">
    <link rel="stylesheet" th:href="@{css/login/style.css}" type="text/css" media="all"/>
    <link rel="stylesheet" th:href="@{css/login/fontawesome-all.css}">
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i"
          rel="stylesheet">
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
</head>
<body>
<div class="m-container-small">
    <div class="ui container">
        <!-- bg effect -->
        <div id="bg">
            <canvas></canvas>
            <canvas></canvas>
            <canvas></canvas>
        </div>
        <!-- //bg effect -->

        <!-- title -->
        <h1>管理后台登陆</h1>
        <!-- //title -->

        <!-- content -->
        <div class="sub-main-w3">
            <form th:action="@{/admin/login}" method="post" class="login_form">
                <h2>Login Now
                    <i class="ui level down alternate icon"></i>
                </h2>
                <div class="ui center aligned container">
                    <h2 th:text="${message}" style="color: orange"></h2>
                </div>
                <div class="form-style-agile">
                    <label>
                        <i class="ui user icon"></i>
                        Username
                    </label>
                    <input placeholder="用户名" name="username" type="text" required>
                </div>
                <div class="form-style-agile">
                    <label>
                        <i class="ui unlock icon"></i>
                        Password
                    </label>
                    <input placeholder="密码" name="password" type="password" required>
                </div>
                <input type="submit" value="登    录">
            </form>
        </div>
    </div>
</div>

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
<script th:src="@{js/canva_moving_effect.js}"></script>

<script>
    addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    };

</script>
</body>
</html>